// flex布局
@mixin flex-center-center() {
    display: flex;
    align-items: center;
    justify-content: center;
}

@mixin flex-center-between() {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

@mixin flex-start-between() {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

@mixin flex-center-around() {
    display: flex;
    align-items: center;
    justify-content: space-around;
}

@mixin flex-start-start() {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

@mixin flex-center-start() {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

@mixin flex-center-end() {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

@mixin flex-start-start() {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
}

@mixin flex-stretch-between() {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

@mixin flex-end-center() {
    display: flex;
    align-items: flex-end;
    justify-content: center;
}


// 行截取
@mixin text-ellipsis-multiline($num) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: $num;
    /* 设置为想要的行数 */
    overflow: hidden;
    text-overflow: ellipsis;
}

@mixin text-ellipsis-single() {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}